<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>海大产品详情</title>
    <meta name="title" content="海大 产品详情">
    <meta name="keywords" content="海大珍珠商城">
    <meta name="desciption" content="海大珍珠商城是一个专注于……商城">
    <meta name="author" content="loushengyue，于景洲，宛煜，陈泽鹏，庞乃东">
    <link rel="shortcut icon" href="./img/icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/pro_details.css">
</head>
<body>
<header>
    <i class="scan"  id="back"></i>
    <form>
        <input type="text" name="search-content" placeholder="海大珍珠" id="search">
        <button></button>
    </form>
    <i class="message"></i>
</header>
<div class="main">
    <div class="deta" id="dataPro">
        <div class="deta-img-bc">
            <img src="img/tu_03.png" alt="tu">
        </div>
        <div class="de_top">
            <h2>水密码海泉精华化妆品套装冬季补水保湿水乳液少女学生护肤品</h2>
            <h3>￥<span>388.00</span></h3>
            <h4><i>快递: <span>0.00</span></i> <i>月销<span>1000</span>笔</i> <b>广州天河</b></h4>
        </div>
    </div>
    <div class="deta_top">
        <div class="de_mai">
            <div class="integral">
                <i>积分</i>
                <b>购买可得50积分</b>
                <a href="javascript:;"><img src="img/jian_03.png" alt="jian"> </a>
            </div>
            <div class="quit">
                <i><img src="img/que_03.png" alt="que"> <span>过敏包退</span> </i>
                <i><img src="img/que_03.png" alt="que"> <span>急速退货</span> </i>
            </div>
            <h1>全程保障，购物无忧</h1>
        </div>
        <div class="de_bot">
            <div class="gml">
                <i>已选: 50g/ml</i>
                <a href="javascript:;"><img src="img/jian_03.png" alt="jian"> </a>
            </div>
            <div class="ml">
                <i>产品参数</i>
                <a href="javascript:;"><img src="img/jian_03.png" alt="jian"> </a>
            </div>
        </div>
        <div class="deta_mai">
            <h1>美白肌肤三步骤</h1>
            <h2><i>清洗肌肤</i> <i>滋养肌肤</i> <i>一拍美白</i></h2>
            <div class="fur">
                <h3><i>净</i><b>洗得干净皮肤不紧绷</b></h3>
                <img src="img/tu1_07.png" alt="tu1">
            </div>
            <div class="fur">
                <h3><i>养</i><b>滋润舒缓 补充多重营养</b></h3>
                <img src="img/tu2_07.png" alt="tu2">
            </div>
            <div class="fur">
                <h3><i>白</i><b>一拍自然白 遮盖小瑕疵</b></h3>
                <img src="img/tu3_07.png" alt="tu3">
            </div>
        </div>
    </div>
    <div class="deta_mai">
        <h1>美白肌肤三步骤</h1>
        <h2><i>清洗肌肤</i> <i>滋养肌肤</i> <i>一拍美白</i></h2>
        <div class="fur">
            <h3><i>净</i><b>洗得干净皮肤不紧绷</b></h3>
            <img src="img/tu1_07.png" alt="tu1">
        </div>
        <div class="fur">
            <h3><i>养</i><b>滋润舒缓  补充多重营养</b></h3>
            <img src="img/tu2_07.png" alt="tu2">
        </div>
        <div class="fur">
            <h3><i>白</i><b>一拍自然白  遮盖小瑕疵</b></h3>
            <img src="img/tu3_07.png" alt="tu3">
        </div>
    </div>
</div>
<footer>
    <div class="opt1">
        <i></i>
        <b>店铺</b>
    </div>
    <div class="opt2">
        <i></i>
        <b>店铺</b>
    </div>
    <div class="opt3">
        <i></i>
        <b>店铺</b>
    </div>
    <div class="opt4">
        <button id="add">加入购物车</button>
        <button class="too" id="goBuy">立即购买</button>
    </div>
</footer>
<script src="lib/zepto-1.2.0.js"></script>
<script src="lib/resetRem.js"></script>
<script src="js/common.js"></script>
<script src="js/pro_details.js"></script>
</body>
</html>